<script setup lang="ts">
import useTabbarStore from "@/store/tabbar";
const useTabber = useTabbarStore();
</script>

<template>
  <div>
    <router-view v-slot="{ Component }">
      <keep-alive :include="useTabber.cachedViews">
        <component :is="Component"></component>
      </keep-alive>
    </router-view>
  </div>
</template>

<style lang="scss">
@import "@/themes/index.scss";

.van-nav-bar,
.van-tabbar,
.van-tabbar-item--active {
  @include themify() {
    background-color: themed("pageBg") !important;
  }
}

.van-nav-bar__title {
  @include themify() {
    color: themed("text_color") !important;
  }
}
</style>
